<div id="atarea">
	<input type="hidden" name="wall_type" value="video" />
	<div id="atahd">
		<a href="javascript:void(fwall.hdc())" class="ataic wall_close">.</a>
		<div class="wall_camera">Video</div>
	</div>
	<div id="atabd">


                            <div class="table">
                <div class="table_right">
                    <input type="checkbox" id="checkbox_choose_category" checked name="val[checkbox_choose_category]" onclick="var check=$('#checkbox_choose_category').attr('checked');if(check==true)$('#choose_category_video').css('display','block');else $('#choose_category_video').css('display','none');"/><span style="padding-left: 3px;">Choose Category</span>&nbsp;

        </div>
    </div>

    	<div class="table">
		<div class="table_left">
			{phrase var='video.video_url'}:
		</div>
		<div class="table_right">
			<input type="text" name="val[url]" value="{value type='input' id='url'}" size="40" style="width:90%;" />
			<div class="extra_info">
				{phrase var='video.supported_sites'}: {$sSites}
			</div>
		</div>
	</div>

            <div id="choose_category_video">
             <div class="table">
       <div class="table_left">Category:</div>
       <div class="table_right">
            <select name="val[search_book]" id="search_book" style="width:175px;">
                {foreach from=$aRows item=aRow}
                <optgroup label="{$aRow.name}">
                    {foreach from=$aRow.book item=book}
                    <option value="{$book.book_id}">{$book.name}</option>
                    {/foreach}
                </optgroup>
                {/foreach}
            </select>
         </div>
   </div>

        <div class="table">
           <div class="table_left">Chapter:</div>
           <div class="table_right">
                <input type="text" name="val[chapter]" value="1" size="1" style="text-align:center;" onclick="if (this.value != '') this.value = '';" onblur="if (this.value == '') this.value = '1';"/>
            </div>
        </div>

       <div class="table">
           <div class="table_left">Verse:</div>
           <div class="table_right">
                <input type="text" name="val[page]" value="1" size="1" style="text-align:center;" onclick="if (this.value != '') this.value = '';" onblur="if (this.value == '') this.value = '1';"/>
            </div>
        </div>

</div>
  </div>
</div>
{literal}
<script type="text/javascript">
$('.js_mp_category_list').change(function()
	{
		var iParentId = parseInt(this.id.replace('js_mp_id_', ''));

		$('.js_mp_category_list').each(function()
		{
			if (parseInt(this.id.replace('js_mp_id_', '')) > iParentId)
			{
				$('#js_mp_holder_' + this.id.replace('js_mp_id_', '')).hide();

				this.value = '';
			}
		});

		$('#js_mp_holder_' + $(this).val()).show();
	});

</script>
{/literal}